<template>
	<view style=" ">
		<view class="px-28 pt-28" style="  " v-for="(item,index) in dataList" :key="index">
			<view class="bg-card  "
				style="padding-top: 45rpx;padding-left: 40rpx;padding-right: 41rpx;padding-bottom: 35rpx;">
				<view class="flex align-center">
					<view class="mr-10"
						style="width: 76rpx;height: 76rpx;border: 2px solid #FFFFFF;border-radius: 50%;">
						<image src="../static/doct/doct.png" mode=""></image>
					</view>
					<view class="f-bold c-FFFFFF f-26">
						{{item.name}}
					</view>
				</view>

				<view class="flex" style="margin-top: 85rpx;margin-left: 8rpx;justify-content: space-between;">
					<!-- style="width: 154rpx ;margin-right: 109rpx; " -->
					<view class="fw-400 c-FFFFFF">
						<view class=" f-24" style="text-align: center;">
							总收益
						</view>
						<view class="mt-16 f-40">
							{{item.total_income}}
						</view>
					</view>
					<!-- style="width: 72rpx;margin-right: 150rpx; " -->
					<view class="fw-400 c-FFFFFF">
						<view class=" f-24" style="text-align: center;">
							总订单
						</view>
						<view class="mt-16 f-40">
							{{item.total_all}}
						</view>
					</view>
					<!-- style="width: 120rpx; text-align: center; " -->
					<view class="fw-400 c-FFFFFF">
						<view class=" f-24">
							待核销单数
						</view>
						<view class="mt-16 f-40" style="text-align: center;">
							{{item.total_wait}}
						</view>
					</view>
				</view>

			</view>



		</view>

		<view class="c-DFB982 just-between fw-400 f-28 mb-20"
			style="position: absolute;bottom: 0; left: 30rpx;right: 30rpx;">
			<view class="aj-center " @click="ddhxdetail"
				style="width: 330rpx;height: 80rpx;border: 1px solid #DFB982;border-radius: 50px;">
				核销记录
			</view>
			<view class="aj-center " @click="ddhx" style="width: 330rpx;
			height: 80rpx;border: 1px solid #DFB982;border-radius: 50px;">
				订单核销
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList: [],
			}
		},
		onShow() {
			this.$https("doctindex.storeUser").then(res => {
				console.log(res, 'res')
				this.dataList = res.data;
			})
		},
		methods: {
			ddhx() {
				uni.navigateTo({
					url: '/goodsPage/IndentHex/IndentHex'
				})
			},
			ddhxdetail() {
				uni.navigateTo({
					url: '/goodsPage/IndentDoct/IndentDoct'
				})
			}
		}
	}
</script>

<style scoped>
	@import url("@/common/css/fress.css");
	@import url("@/common/css/mycss.css");

	.bg-card {
		/* width: 649rpx; */
		height: 350rpx;
		background: url(../../goodsPage/static/doct/clearbg.png) no-repeat;
		background-size: 100%;
	}
</style>
